import React, {Component} from 'react';
import {NavLink} from 'react-router-dom';
import {Divider, Pagination} from 'antd';

export default class MemberIndex extends Component {
    onChange(a, b) {
        alert("第" + a + "页，每页数据是" + b + "条");
    }

    render() {
        return (
            <div className="member-unit-set">
                <div className="education-set row">
                    <div className="text-center">
                        <h2>会员单位</h2>
                        <div className="welding-set-gutter-line">
                            <hr/>
                            <span/>
                            <hr/>
                        </div>
                        <h3>MEMBER UNIT</h3></div>
                </div>

                <div className="mrt20" style={{padding:"15px 3%"}}>
                    <div className="well">
                        <div className="media">
                            <div className="media-left">
                                <img className="media-object" src="http://temp.im/200x200" alt="..."/>
                            </div>
                            <div className="media-body">
                                <h4 className="media-heading mrb30"><NavLink exact to={{
                                    pathname: '/member/detail',
                                    state: {id: "上海xxx焊接材料有限公司"}
                                }}>上海xxx焊接材料有限公司</NavLink></h4>
                                <h5>地址：上海市静安区XXX路XX号XXX大厦<Divider type="vertical"/>电话/传真：010-34569949/010-3858886</h5>
                                <h5>官方网址：www.weldingnet.cn<Divider type="vertical"/>邮箱：0XXXXX@163.com</h5>
                                <p>
                                    企业简介焊接互联开始于2015年6月，由上海极火网络科技有限公司自主研发，专注焊材领域，旨在为焊接圈打造一个由焊材技术交流和产品服务为导向的综合服务平台。我们联合厂家力量将产品资料库进行完善，技术人员聚集，从而打通焊材从产品查询、工艺、选材的快速通道，最大化利用焊材资源，解决焊材交易过程中的实际难题，为焊接行业尽一份绵薄之力。我们打造此平台的初衷是……</p>
                            </div>
                        </div>
                    </div>
                    <div className="well">
                        <div className="media">
                            <div className="media-left">
                                <img className="media-object" src="http://temp.im/200x200" alt="..."/>
                            </div>
                            <div className="media-body">
                                <h4 className="media-heading mrb30">上海xxx焊接材料有限公司</h4>
                                <h5>地址：上海市静安区XXX路XX号XXX大厦<Divider type="vertical"/>电话/传真：010-34569949/010-3858886</h5>
                                <h5>官方网址：www.weldingnet.cn<Divider type="vertical"/>邮箱：0XXXXX@163.com</h5>
                                <p>
                                    企业简介焊接互联开始于2015年6月，由上海极火网络科技有限公司自主研发，专注焊材领域，旨在为焊接圈打造一个由焊材技术交流和产品服务为导向的综合服务平台。我们联合厂家力量将产品资料库进行完善，技术人员聚集，从而打通焊材从产品查询、工艺、选材的快速通道，最大化利用焊材资源，解决焊材交易过程中的实际难题，为焊接行业尽一份绵薄之力。我们打造此平台的初衷是……</p>
                            </div>
                        </div>
                    </div>
                </div>

                <Pagination className="text-center mrb30" defaultCurrent={6} onChange={this.onChange} total={500}/>
            </div>
        );
    }
}

